﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="WinnerCMS.WebUI.Templates.WinnerCMS6.Member.Reg"
    CodeBehind="Reg.aspx.cs" %>


<!doctype html>
<html>
<head runat="server">
    <title>
        <%=ConfigurationManager.AppSettings["SiteName"]%>→ 会员中心 → 填写资料
    </title>
    <%: Styles.Render("~/WinnerCMS6/Style") %>
    <%: Scripts.Render("~/Script/Base") %>
    <script type="text/javascript">
        function CheckUserName() {
            var u = document.getElementById('<%=txtName.ClientID%>').value;
            if (u == "") {
                $("#div_Name").html("5-20个字符(包括小写字母、数字、下划线、中文)，一个汉字也算一个字符<br />欢迎使用中文会员名。一旦注册成功会员名不能修改。");
                return;
            }

            $.ajax({
                type: "get",
                url: "/api/User/CheckUserName?username=" + escape(u),
                success: function (res) {
                    if (true == res) {
                        $("#div_Name").html("很遗憾这个用户名，已经被占用。");
                    }
                    else {
                        $("#div_Name").html("恭喜你，这个用户名可以注册。");
                    }
                }
            });
        }

        function XianShi(theBox) {
 
            if (theBox.checked == true) {
                $("#Gaoji").show();
            }
            else {
                $("#Gaoji").hide();
            }
        }
    </script>

    <style type="text/css">
        td {
            text-align: left;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

        <!--#include file="../Header.aspx"-->
        <table width="984" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="947"><a href="../">
                    <%=System.Configuration.ConfigurationManager.AppSettings["SiteName"]%></a> → 会员中心 → 填写资料
                </td>
            </tr>
        </table>
        <br />
        <table border="0" cellpadding="0" cellspacing="0" width="984" align="center">
            <tr>
                <td valign="top" width="225">
                    <table border="0" cellpadding="0" cellspacing="0" width="96%">
                        <tr>
                            <td class="li" height="22">注 册 步 骤
                            </td>
                        </tr>
                        <tr>
                            <td height="34" class="3b_1" onmouseover="this.className='3b_2'" onmouseout="this.className='3b_1'">
                                <table cellpadding="2" style="width: 100%">
                                    <tr>
                                        <td>&nbsp;一、阅读并同意协议
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;二、填写注册资料
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;三、完成注册
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                <td valign="top" width="759" align="center">
                    <table width="100%" border="0" cellspacing="8" id="ZhuCe" runat="Server">
                        <tbody>
                            <tr>
                                <td height="30" colspan="2" style="font-size: 24px" align="center">填写注册资料
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right; width: 150px">用户名：
                                </td>
                                <td width="598">
                                    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                                    <input id="btnCheck" type="button" value="检查用户名" onclick="CheckUserName();" class="btn" />
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtName"
                                        ErrorMessage="请输入用户名"></asp:RequiredFieldValidator>
                                    <div id="div_Name">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right; height: 16px">密码：
                                </td>
                                <td style="height: 16px">
                                    <asp:TextBox ID="txtPSW1" runat="server" TextMode="Password"></asp:TextBox>
                                    &nbsp; <span style="color: #ff0033">*
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtPSW1"
                                        ErrorMessage="密码不能为空。" SetFocusOnError="True"></asp:RequiredFieldValidator>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">确认密码：
                                </td>
                                <td style="height: 16px">
                                    <asp:TextBox ID="txtPSW2" runat="server" TextMode="Password"></asp:TextBox>
                                    &nbsp; <span style="color: #ff0033">*
                                    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPSW1"
                                        ControlToValidate="txtPSW2" ErrorMessage="密码不一致。" SetFocusOnError="True"></asp:CompareValidator>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">电子邮箱：
                                </td>
                                <td style="height: 16px">
                                    <asp:TextBox ID="txtemail" runat="server"></asp:TextBox>
                                    &nbsp; <span style="color: #ff0033">*
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtemail"
                                        ErrorMessage="电子邮箱不能为空。"></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtemail"
                                            ErrorMessage="电子邮箱格式错误。" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">验证码：
                                </td>
                                <td style="height: 16px">
                                    <asp:TextBox ID="txtPassCode" runat="server"></asp:TextBox>
                                    <img src="../PassCode.ashx" alt="点击刷新验证码。" style="cursor: pointer;" onclick="this.src='../PassCode.ashx?n='+ Math.random();" />
                                    <div id="div_PassCode">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">&nbsp;
                                </td>
                                <td style="height: 16px">&nbsp;
                                <BootStrap:Button ID="btnReg" runat="server" CssClass="btn" OnClick="btnReg_Click" Text="注册"
                                    ToDo="ClickOnce" />
                                    &nbsp;<a href="Agreement.aspx" target="_blank">《注册协议》</a>
                                </td>
                            </tr>
                            <tr>
                                <td height="30" style="text-align: right; width: 110px">高级选项：
                                </td>
                                <td height="0">
                                    <input type="checkbox" name="checkbox" value="checkbox" onclick="XianShi(this);" />
                                    <span class="bluetxt">显示高级用户设置选项</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table border="0" cellpadding="0" cellspacing="8" width="100%" align="center" id="Gaoji"
                        style="display: none">
                        <tr style="text-align: right; width: 150px">
                            <td style="text-align: right;">昵称：
                            </td>
                            <td width="598">
                                <asp:TextBox ID="txtPetName" runat="server"></asp:TextBox>

                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">真实姓名：
                            </td>
                            <td>
                                <asp:TextBox ID="txtTrueName" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">密码问题：
                            </td>
                            <td>
                                <asp:TextBox ID="txtQuestion" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">密码答案：
                            </td>
                            <td>
                                <asp:TextBox ID="txtAnswer" runat="server" Width="250px"></asp:TextBox>
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">身份证号码：
                            </td>
                            <td>
                                <asp:TextBox ID="txtIdCard" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">移动电话号码：
                            </td>
                            <td>
                                <asp:TextBox ID="txtMobile" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">固定电话号码：
                            </td>
                            <td>
                                <asp:TextBox ID="txtPhone" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">地址：
                            </td>
                            <td>
                                <asp:TextBox ID="txtAddress" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">生日：
                            </td>
                            <td>
                                <asp:TextBox ID="txtBirthday" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">性别：
                            </td>
                            <td>
                                <asp:RadioButtonList ID="RBL_Sex" runat="server" RepeatDirection="Horizontal">
                                    <asp:ListItem Selected="True" Value="0">保密</asp:ListItem>
                                    <asp:ListItem Value="1">男</asp:ListItem>
                                    <asp:ListItem Value="2">女</asp:ListItem>
                                </asp:RadioButtonList>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">主页：&nbsp;
                            </td>
                            <td>
                                <asp:TextBox ID="txtHomePage" runat="server" Width="250px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">&nbsp;QQ：
                            </td>
                            <td>
                                <asp:TextBox ID="txtQQ" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">MSN：
                            </td>
                            <td>
                                <asp:TextBox ID="txtMSN" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">ICQ：
                            </td>
                            <td>
                                <asp:TextBox ID="txtICQ" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">Yahoo：
                            </td>
                            <td>
                                <asp:TextBox ID="txtYahoo" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">Skype：
                            </td>
                            <td style="height: 16px">
                                <asp:TextBox ID="txtSkype" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right; height: 62px">自我介绍：
                            </td>
                            <td>
                                <asp:TextBox ID="txtIntroduce" runat="server" Height="63px" TextMode="MultiLine"
                                    Width="400px"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" border="0" id="CG" runat="server">
                        <tr>
                            <td align="center">恭喜您。您成功得注册！<br />
                                【<a href="/">返回首页</a>】
                            </td>
                        </tr>
                        <tr>
                            <td align="center"></td>
                        </tr>
                        <tr>
                            <td style="height: 18px">&nbsp;
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td></td>
            </tr>
        </table>
        <!--#include file="../Footer.aspx"-->
    </form>
</body>
</html>
